<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 网站说明 -->
    <meta name="description" content="小米官网-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货等数万个品牌优质商品.便捷、诚信的服务，为您提供愉悦的网上购物体验!" />
    <!-- 网页关键词 -->
    <meta name="Keywords" content="小米,Redmi,小米11,Redmi Note 10,网上购物,网上商城,手机,笔记本,电脑,相机,数码,配件" />
    <!-- 网站标题 -->
    <title>小米官网</title>
    <!-- 引入图标文件 -->
    <link rel="shortcut icon" href="../image/favicon.ico">
    <!-- 引入初始化样式文件 -->
    <link rel="stylesheet" href="../css/base.css">
    <!-- 引入公共样式文件 -->
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/list.css">
    <!-- 引入网站主样式 -->
    <!-- 引入jQuery -->
    <script src="../js/jQuery-3.6.0.min.js"></script>
    <script src="../bootstrap/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css">
    <!-- 头部图片样式 -->
    <style>
        .dang img {
            width: 100%;
            height: 300px;
        }
    </style>
</head>

<body>

    <!-- 头部区域制作 -->
    <div class="header">
        <div class="w">
            <!-- 头部左侧部分 -->
            <div class="header_le">
                <ul>
                    <li>
                        <a href="../index.html">小米商城</a>
                        <span>|</span>
                    </li>
                    <li>
                        <a href="#">MIUI</a>
                        <span>|</span>
                    </li>
                    <li>
                        <a href="#">loT</a>
                        <span>|</span>
                    </li>
                    <li><a href="#">云服务</a>
                        <span>|</span>
                    </li>
                    <li><a href="#">天星数科</a>
                        <span>|</span>
                    </li>
                    <li><a href="#">有品</a>
                        <span>|</span>
                    </li>
                    <li><a href="#">小爱开放平台</a>
                        <span>|</span>
                    </li>
                    <li><a href="#">企业团购</a>
                        <span>|</span>
                    </li>
                    <li><a href="#">资质证照</a>
                        <span>|</span>
                    </li>
                    <li><a href="#">协议规则</a>
                        <span>|</span>
                    </li>
                    <li><a href="#">下载APP</a>
                        <span>|</span>
                    </li>
                    <li><a href="#">智能生活</a>
                        <span>|</span>
                    </li>
                    <li><a href="#">Select Location</a></li>
                </ul>
            </div>
            <!-- 头部右侧部分 -->
            <div class="header_ri">
                <div class="enter">
                    <ul>
                        <li>
                            <a href="./login.html">登录</a>
                            <span>|</span>
                        </li>
                        <li>
                            <a href="./register.html">注册</a>
                            <span>|</span>
                        </li>
                        <li>
                            <a href="#">消息通知</a>
                        </li>
                    </ul>
                </div>
                <!-- 购物车部分 -->
                <a href="./cart.html">
                    <div class="shopcar">
                        <span>0</span>
                        购物车<em>(0)</em>
                    </div>
                </a>

            </div>

        </div>
    </div>
    <!-- 导航栏部分制作 -->
    <div class="nav w">
        <!-- logo部分 -->
        <div class="logo">
            <h1><a href="../index.html" title="小米官网">小米官网</a></h1>
        </div>
        <div class="nav_mi">
            <ul>
                <li><a href="#">小米手机</a></li>
                <li><a href="#">Redmi红米</a></li>
                <li><a href="#">电视</a></li>
                <li><a href="#">笔记本</a></li>
                <li><a href="#">家电</a></li>
                <li><a href="#">路由器</a></li>
                <li><a href="#">智能硬件</a></li>
                <li><a href="#">服务</a></li>
                <li><a href="#">社区</a></li>
            </ul>
        </div>
        <div class="search">
            <input type="text" class="search_1" placeholder="家电">
            <button class="search_2" id="search_2"></button>
        </div>
    </div>
    <div class="w sk_container">
        <div class="sk_bd">
            <ul>
                <!-- <li class="sk_goods">
                    <a href="detail.html"><img src="../image/smart6.jpg" alt=""></a>
                    <h5 class="sk_goods_title">【超级爆款】华为 HUAWEI P30 Pro 超感光徕卡四摄10倍混合变焦麒麟980芯片屏</h5>
                    <p class="sk_goods_price"><em>¥4758.00</em> <del>￥5488</del></p>
                    <div class="sk_goods_progress">
                        已售<i>87%</i>
                        <div class="bar">
                            <div class="bar_in"></div>
                        </div>
                        剩余<em>29</em>件
                    </div>
                    <a href="#none" class="sk_goods_buy">立即抢购</a>
                </li> -->
            </ul>
        </div>
        <div class="sk_page">
            <nav aria-label="Page navigation">
                <ul class="pagination pagination-lg">
                    <li>
                        <a href="#none" aria-label="Previous" class="pageReduce">
                            <span aria-hidden="true">&laquo;</span>
                        </a>
                    </li>
                    <li><a href="#none" class="page">1</a></li>
                    <li><a href="#none" class="page">2</a></li>
                    <li><a href="#none" class="page">3</a></li>
                    <li><a href="#none" class="page">4</a></li>
                    <li><a href="#none" class="page">5</a></li>
                    <li>
                        <a href="#none" aria-label="Next" class="pagePlus">
                            <span aria-hidden="true">&raquo;</span>
                        </a>
                    </li>
                </ul>
            </nav>
        </div>
    </div>
    <div class="footer w">
        <!-- 尾部区域服务部分 -->
        <div class="serve">
            <ul>
                <li><a href="#" class="serve_1">预约维修服务</a></li>
                <li><a href="#" class="serve_2">7天无理由退货</a></li>
                <li><a href="#" class="serve_3">15天免费换货</a></li>
                <li><a href="#" class="serve_4">满69包邮</a></li>
                <li><a href="#" class="serve_5">520余家售后网店</a></li>
            </ul>
        </div>
        <!-- 尾部区域指南部分 -->
        <div class="guild">
            <!-- 尾部区域指南左侧部分 -->
            <div class="guild_le">
                <dl>
                    <dt>帮助中心</dt>
                    <dd><a href="">账户管理</a></dd>
                    <dd><a href="">购物指南</a></dd>
                    <dd><a href="">订单操作</a></dd>
                </dl>
                <dl>
                    <dt>服务支持</dt>
                    <dd><a href="">售后政策</a></dd>
                    <dd><a href="">自助服务</a></dd>
                    <dd><a href="">相关下载</a></dd>
                </dl>
                <dl>
                    <dt>线下门店</dt>
                    <dd><a href="">小米之家</a></dd>
                    <dd><a href="">服务网点</a></dd>
                    <dd><a href="">授权体验店</a></dd>
                </dl>
                <dl>
                    <dt>关于小米</dt>
                    <dd><a href="">了解小米</a></dd>
                    <dd><a href="">加入小米</a></dd>
                    <dd><a href="">投资者关系</a></dd>
                    <dd><a href="">企业社会责任</a></dd>
                    <dd><a href="">廉洁举报</a></dd>
                </dl>
                <dl>
                    <dt>关注我们</dt>
                    <dd><a href="">新浪微博</a></dd>
                    <dd><a href="">官方微信</a></dd>
                    <dd><a href="">联系我们</a></dd>
                    <dd><a href="">公益基金会</a></dd>
                </dl>
                <dl>
                    <dt>特色服务</dt>
                    <dd><a href="">F码通道</a></dd>
                    <dd><a href="">礼物码</a></dd>
                    <dd><a href="">防伪查询</a></dd>
                </dl>
            </div>
            <!-- 尾部区域指南右侧部分 -->
            <div class="guild_ri">
                <h2>400-100-5678</h2>
                <p class="time">8:00-18:00(仅收市话费)</p>
                <a href="" class="customer">人工客服</a>
                <p class="view">关注小米：
                    <a href="" class="qq"></a>
                    <a href="" class="fire"></a>
                </p>

            </div>
        </div>
    </div>
    <script src="../js/jQuery-3.6.0.min.js"></script>
    <script src="../lib/layer/layer.js"></script>
    <script src="../js/axios.min.js"></script>
    <script src="../js/list.js"></script>
    <script src="../js/nickname.js"></script>
</body>

</html>